import axios from 'axios'
// import router from '../router';
import { ElMessage } from 'element-plus'
/** 
 * 提示函数 
 * 禁止点击蒙层、显示一秒后关闭
 */
const tip = (msg:any) => { ElMessage({ showClose: true,  type: 'error', message:  msg }); } 
/** 
 * 跳转登录页
 * 携带当前页面路由，以期在登录页面完成登录后返回当前页面
 */
const toLogin = () => {
    // router.replace({
    //     path: '/login',        
    //     query: {
    //         redirect: router.currentRoute.fullPath
    //     }
    // });
    tip("没有登录");
}
 
/** 
 * 请求失败后的错误统一处理 
 * @param {Number} status 请求失败的状态码
 */
const errorHandle = (status:any, other:any) => {
    // 状态码判断
    switch (status) {
        // 401: 未登录状态，跳转登录页
        case 401:
            toLogin();
            break;
        // 403 token过期
        // 清除token并跳转登录页
        case 403:
            tip('登录过期，请重新登录');
            localStorage.removeItem('token');
            // store.commit('loginSuccess', null);
            setTimeout(() => {
                toLogin();
            }, 1000);
            break;
        case 404:
            tip('请求的资源不存在'); 
            break;
            case 500:
                tip("服务器错误!");
                break;
            case 504:
                tip("网络超时!");
                break;
        default:
            console.log(other);   
        }}

// 通过axios.create方法创建一个axios实例，用instance 接收
const instance = axios.create({
  // 指定请求的根路径
  //baseURL: 'http://www.liulongbin.top:3006',
  timeout: 1000 * 12
})
// 环境的切换
if (process.env.NODE_ENV == 'development') {    
    // instance.defaults.baseURL = 'https://www.baidu.com';
} 
else if (process.env.NODE_ENV == 'debug') {    
    // instance.defaults.baseURL = 'https://www.ceshi.com';
} 
else if (process.env.NODE_ENV == 'production') {    
    // instance.defaults.baseURL = 'https://www.production.com';
}
// 设置post请求头
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
/** 
 * 请求拦截器 
 * 每次请求前，如果存在token则在请求头中携带token 
 */ 
instance.interceptors.request.use(    
    config => {              
        // const token = store.state.token;        
        // token && (config.headers.Authorization = token);        
        return config;    
    },    
    error => {
        // 请求发生错误时
        console.log('request:', error)
        // 判断请求超时
        if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
            console.log('Timeout请求超时')
        }
        return Promise.reject(error) // 在调用的那边可以拿到(catch)你想返回的错误信息
    });
// 响应拦截器
instance.interceptors.response.use(    
    // 请求成功
    response  =>{ 
        response.status === 200 ? Promise.resolve(response ) : Promise.reject(response )
        if (response.data.code == 200) {
            return response.data;
        } else {
            errorHandle(response.data.code,response.data.message );
        }
        return response.data;
    },    
    // 请求失败
    error => {
        const { response } = error;
        if (response) {
            // 请求已发出，但是不在2xx的范围 
            errorHandle(response.status, response.data.message);
            return Promise.reject(response);
        } else {
            // 处理断网的情况
            // eg:请求超时或断网时，更新state的network状态
            // network状态在app.vue中控制着一个全局的断网提示组件的显示隐藏
            // 关于断网组件中的刷新重新获取数据，会在断网组件中说明
            if (!window.navigator.onLine) {
            //    store.commit('changeNetwork', false);
            } else {
                return Promise.reject(error);
            }
        }
    });
export default instance 